<template>
    <div>
        <span class="kong"></span>
        <van-nav-bar
            title="话题列表"
            left-arrow
            @click-left="onClickLeft"
            fixed
        />
        <van-search placeholder="请输入搜索关键词" v-model="value" />
        <div>
            <van-card
                desc="一到秋冬季感觉疲惫，想要召唤身体这个形是..."  
                title="凯文.凯利"
                price="1954参与"
                thumb="https://img.yzcdn.cn/2.jpg"
                centered
                currency='-'
                @click="tap()"
                >
            </van-card>
            <van-card
                desc="一到秋冬季感觉疲惫，想要召唤身体这个形是..."  
                title="凯文.凯利"
                price="1954参与"
                thumb="https://img.yzcdn.cn/2.jpg"
                centered
                currency='-'
                @click="tap()"
                >
            </van-card>
            <van-card
                desc="一到秋冬季感觉疲惫，想要召唤身体这个形是..."  
                title="凯文.凯利"
                price="1954参与"
                thumb="https://img.yzcdn.cn/2.jpg"
                centered
                currency='-'
                @click="tap()"
                >
            </van-card>
            <van-card
                desc="一到秋冬季感觉疲惫，想要召唤身体这个形是..."  
                title="凯文.凯利"
                price="1954参与"
                thumb="https://img.yzcdn.cn/2.jpg"
                centered
                currency='-'
                @click="tap()"
                >
            </van-card>
            <van-card
                desc="一到秋冬季感觉疲惫，想要召唤身体这个形是..."  
                title="凯文.凯利"
                price="1954参与"
                thumb="https://img.yzcdn.cn/2.jpg"
                centered
                currency='-'
                @click="tap()"
                >
            </van-card>
            <van-card
                desc="一到秋冬季感觉疲惫，想要召唤身体这个形是..."  
                title="凯文.凯利"
                price="1954参与"
                thumb="https://img.yzcdn.cn/2.jpg"
                centered
                currency='-'
                @click="tap()"
                >
            </van-card>
        </div>
    </div>
</template>

<script>
export default {
    name:'Listtopics',
    data(){
        return{
            value:'',
        }
    },
     methods: {
    onClickLeft() {
        this.$router.push('/frecommend')
    },
    tap(){
        this.$router.push('/hot')
    }
  }
}
</script>

<style scoped>
.van-card__header {
    border-bottom: 1px solid #aaa;
}
.kong{
    display: block;
    height: 50px;
}
</style>
